<!DOCTYPE  html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" class="x-admin-sm" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <title>作品详情页面</title>
    <header th:replace="header::html"></header>
    <link   th:href="@{/css/stylepur.css}" rel="stylesheet">
    <link  th:href="@{/css/magiczoomplus.css}"  rel="stylesheet">

    <link rel="stylesheet" type="text/css"  th:href="@{/css/normalize.css}" />

    <script type="text/javascript"  th:src="@{/js/mzp-packed.js}"></script>


    <script type="text/javascript">
		$(document).ready(function(){
			var showproduct = {
				"boxid":"showbox",
				"sumid":"showsum",
				"boxw":400,//宽度,该版本中请把宽高填写成一样
				"boxh":400,//高度,该版本中请把宽高填写成一样
				"sumw":60,//列表每个宽度,该版本中请把宽高填写成一样
				"sumh":60,//列表每个高度,该版本中请把宽高填写成一样
				"sumi":7,//列表间隔
				"sums":5,//列表显示个数
				"sumsel":"sel",
				"sumborder":1,//列表边框，没有边框填写0，边框在css中修改
				"lastid":"showlast",
				"nextid":"shownext"
			};//参数定义
			$.ljsGlasses.pcGlasses(showproduct);//方法调用，务必在加载完后执行
		});
    </script>

</head>
<body>
<!-- 代码开始 -->
<div class="box" style="width: 80%">

    <div class="left-pro">
        <div class="t1">
            <img src="/img/gotop.gif" id="gotop" />
            <div id="showArea">
                <a href="/img/img01.jpg" rel="zoom1" rev="/img/img01.jpg"><img src="/img/img01s.jpg" /></a>
                <a href="/img/img02.jpg" rel="zoom1" rev="/img/img02.jpg"><img src="/img/img02s.jpg" /></a>
                <a href="/img/img03.jpg" rel="zoom1" rev="/img/img03.jpg"><img src="/img/img03s.jpg" /></a>
                <a href="/img/img01.jpg" rel="zoom1" rev="/img/img01.jpg"><img src="/img/img01s.jpg" /></a>
                <a href="/img/img02.jpg" rel="zoom1" rev="/img/img02.jpg"><img src="/img/img02s.jpg" /></a>
                <a href="/img/img03.jpg" rel="zoom1" rev="/img/img03.jpg"><img src="/img/img03s.jpg" /></a>
                <a href="/img/img01.jpg" rel="zoom1" rev="/img/img01.jpg"><img src="/img/img01s.jpg" /></a>
                <a href="/img/img02.jpg" rel="zoom1" rev="/img/img02.jpg"><img src="/img/img02s.jpg" /></a>
            </div>
            <img src="/img/gobottom.gif" id="gobottom"/>

        </div>


        <div class="t2">
            <a href="/img/img01.jpg" id="zoom1" class="MagicZoom MagicThumb"><img src="/img/img01.jpg" id="main_img" class="main_img" style="width:400px; height:400px;" /></a>

        </div>


    </div>

    <div class="tb-property">
        <div class="tr-nobdr">
            <h3 th:text="${work.wtitle}"></h3>
        </div>
        <div class="txt">
            <span class="nowprice">￥<a href="" th:text="${work.wmoney}"></a></span>
            <div class="cumulative">
                <span class="number ty1">累计售出<br /><em id="add_sell_num_362">370</em></span>
                <span class="number tyu">累计评价<br /><em id="add_sell_num_363">25</em></span>
            </div>
        </div>
        <div class="txt-h">

                 <h2><span class="tex-o">发布人: <span th:text="${work.wuseraccount}"></span></span></h2>

        </div>

<h2>简介</h2>
        <div class="gcIpt">
               <h2> <span th:text="${work.wcontent}"></span>
          </h2>
           </div>
                        <div class="fly-column-right layui-hide-xs">
                            <a  class="layui-btn"  th:href="@{'/api-front/purchase/place?wid='+${work.wid}}">下单</a>
                        </div>
                        <div class="layui-hide-sm layui-show-xs-block"
                             style="margin-top: -10px; padding-bottom: 10px; text-align: center;">
                            <a  class="layui-btn" th:href="@{'/api-front/purchase/place?wid='+${work.wid}}">下单</a>
                        </div>
        <div class="guarantee">
            <span>邮费：包邮&nbsp;&nbsp;支持货到付款 <a href=""><img src="/images/me.png"/></a></span>
        </div>
    </div>


</div>

</body>

<script type="text/javascript" src="/js/getElementById.js"></script>
<script>
	layui.use(['form', 'layer', 'laydate'], function () {
		$ = layui.jquery;
		var form = layui.form
			, layer = layui.layer
			, laydate = layui.laydate;

		//监听提交
		form.on('submit(pass)', function (data) {
			$.ajax({
				url: "",
				type: "POST",
				data: data.field,
				dataType: 'json',
				success: function (result) {

				}
			});
			return false;
		});

		//监听提交
		form.on('submit(unPass)', function (data) {
			$.ajax({
				url: "",
				type: "POST",
				data: data.field,
				dataType: 'json',
				success: function (result) {

				}
			});
			return false;
		});
	});
</script>
</html>